<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<title>OMPRedis配置</title>
	<style>
		.modal-lg {
			max-width: 100%;
			/*width: 95%;*/
			max-width: none;
		}
	</style>
</head>
<body>
	<div class="m-content jehc-content-1">
		<div class="m-portlet">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
						</h3>
					</div>
				</div>
			</div>
			<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchForm" onsubmit="search('datatables');return false;">
				<div class="m-portlet__body">
					<div class="form-group m-form__group row">
						<label class="col-form-label">名称：</label>
						<div class="col-lg-2">
								<input type="text" class="form-control" name="name" placeholder="请输入">
						</div>
						<label class="col-form-label">ip：</label>
						<div class="col-lg-2">
							<input class="form-control" name="host" placeholder="请输入">
						</div>
						<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
							<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
						</a>
						<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
							<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
						</a>
					</div>
				</div>
				<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
					<div class="m-form__actions m-form__actions--solid">
						<div class="row">
							<div class="col m--align-left">
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-success" href="javascript:toOPMRedisConfigAdd()">
									<span><i class="la la-plus la-lg"></i><span>新 增</span></span>
								</a>
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-primary" href="javascript:toOPMRedisConfigUpdate()">
									<span><i class="fa fa-magic fa-lg"></i><span>修 改</span></span>
								</a>
								<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:delOPMRedisConfig()">
									<span><i class="fa fa-times"></i><span>删 除</span></span>
								</a>
							</div>
							<div class="col m--align-right">
								<a class="btn btn-light-warning font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:search('datatables')">
									<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
		<table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
			<thead>
				<tr>
					<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
					<th>序号</th>
					<th>操作</th>
					<th>名称</th>
					<th>ip</th>
					<th>端口</th>
					<th>密码</th>
					<th>状态</th>
					<th>版本</th>
					<th>连接数</th>
					<th>宿主机操作系统</th>
					<th>运行模式</th>
					<th>创建人</th>
					<th>创建时间</th>
					<th>修改人</th>
					<th>修改时间</th>
				</tr>
			</thead>
		</table>
	</div>

	<!-- 监控模态框（Modal）开始 -->
	<div class="modal fade" id="redisInfoModal" tabindex="-1" role="dialog" aria-labelledby="redisInfoModalLabel">
		<div class="modal-dialog modal-lg modal-dialog-centered" id="redisInfoModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" onclick="closeWin()" data-dismiss="modal" aria-hidden="true">×</button>
					<h4 class="modal-title" id="redisInfoModalLabel">实时信息</h4>
				</div>
				<div class="modal-body" id="redisInfoBody">
					<div class="panel-body">
						<form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormRedisInfo">
							<div class="form-group m-form__group row">
								<div class="col-lg-2">
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight: 100;">Redis版本</label><br>
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight:500;" id="version">未知</label>
								</div>
								<div class="col-lg-2">
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight: 100;">已使用内存</label><br>
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight:500;" id="used_memory_human">未知</label>
								</div>
								<div class="col-lg-2">
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight: 100;">客户端</label><br>
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight:500;" id="connected_clients">未知</label>
								</div>
								<div class="col-lg-2">
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight: 100;">已执行的命令</label><br>
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight:500;" id="total_commands_processed">未知</label>
								</div>
								<div class="col-lg-2">
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight: 100;">正常运行时间</label><br>
									<label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight:500;" id="uptimeInDays">未知</label>
								</div>
							</div>
							<div class="form-group m-form__group row">
								<div class="col-lg-7" style="overflow-x:auto;overflow-y:auto;">
									<div id="mainMem" style="width:100%;height:300px;text-align: center;margin: auto;"></div>
								</div>
								<div class="col-lg-5"  style="height:300px;overflow-y:auto;">
									<table class="table table-bordered table-hover">
										<thead>
										<tr>
											<th>属性</th>
											<th>键值</th>
										</tr>
										</thead>
										<tbody>
										<tr>
											<th scope="row" title="架构">arch_bits</th>
											<td id="arch_bits"></td>
										</tr>
										<tr>
											<th scope="row" title="配置文件路径">config_file</th>
											<td id="config_file"></td>
										</tr>
										<tr>
											<th scope="row" title="redis内部调度频率">hz</th>
											<td id="hz"></td>
										</tr>
										<tr>
											<th scope="row" title="自增时间，用于LRU管理">lru_clock</th>
											<td id="lru_clock"></td>
										</tr>
										<tr>
											<th scope="row" title="redis服务器宿主机操作系统">os</th>
											<td id="os"></td>
										</tr>
										<tr>
											<th scope="row" title="事件处理机制">multiplexing_api</th>
											<td id="multiplexing_api"></td>
										</tr>
										<tr>
											<th scope="row" title="redis服务器进程的pid">process_id</th>
											<td id="process_id"></td>
										</tr>
										<tr>
											<th scope="row" title="redis_build_id">redis_build_id</th>
											<td id="redis_build_id"></td>
										</tr>
										<tr>
											<th scope="row" title="redis_git_dirty">redis_git_dirty</th>
											<td id="redis_git_dirty"></td>
										</tr>
										<tr>
											<th scope="row" title="redis_git_sha1">redis_git_sha1</th>
											<td id="redis_git_sha1"></td>
										</tr>
										<tr>
											<th scope="row" title="运行模式，单机或集群">redis_mode</th>
											<td id="redis_mode"></td>
										</tr>
										<tr>
											<th scope="row" title="redis服务器版本">redis_version</th>
											<td id="redis_version"></td>
										</tr>
										<tr>
											<th scope="row" title="服务器运行id">run_id</th>
											<td id="run_id"></td>
										</tr>
										<tr>
											<th scope="row" title="redis服务器监听端口">tcp_port</th>
											<td id="tcp_port"></td>
										</tr>
										<tr>
											<th scope="row" title="redis服务器启动总时间，单位天">uptime_in_days</th>
											<td id="uptime_in_days"></td>
										</tr>
										<tr>
											<th scope="row" title="自 Redis 服务器启动以来，经过的秒数">uptime_in_seconds</th>
											<td id="uptime_in_seconds"></td>
										</tr>
										</tbody>
									</table>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div>
	<!-- 监控模态框（Modal）结束 -->
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/chart/echarts.min.js"></script>
<script type="text/javascript" src="/deng/view/omp/rds/omp-redis-config/omp-redis-config-list.js"></script>
</html>
